<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金城首页</title>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/default.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/default.js"></script>
</head>

<body>
    <div class="shouye">
        <!-- 头部 -->
        <div class="top0">
            <div class="shouye-top">
                <img src="./img/组 116.png" alt="">
                <div>新职教新高考 提升本科新赛道</div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="nav-top">
                <ul>
                    <li>
                        <a style="background:#0747A6 ;" href="./index.html">网站首页</a>
                    </li>
                    <li class="li2">
                        <a href="./xxgk/xxjj/xxjj.html">学校概括</a>
                        <ul class="ul2">
                            <li>
                                <a href="./xxgk/xxjj/xxjj.html">学校简介</a>
                            </li>
                            <li>
                                <a href="./xxgk/xxfg/xyfg.html">校园风光</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./zsjy/zsxx/zsxx.html">招生就业</a>
                        <ul class="ul2">
                            <li>
                                <a href="./zsjy/zsxx/zsxx.html">招生信息</a>
                            </li>
                            <li>
                                <a href="./zsjy/zysz/zysz.html">专业设置</a>
                            </li>
                            <li>
                                <a href="./zsjy/zsgg/zsgg.html">招生公告</a>
                            </li>
                            <li>
                                <a href="./zsjy/bkzn/zszn.html">报考指南</a>
                            </li>
                            <li>
                                <a href="./zsjy/jymx/jymx.html">就业明星</a>
                            </li>
                        </ul>
                    </li>
                    <li class="li2">
                        <a href="./zsjy/jxjg/jxjg.html">教学机构</a>
                    </li>
                    <li>
                        <a href="./gljg/zwc/zwc.html">管理机构</a>
                        <ul class="ul2">
                            <li>
                                <a href="./gljg/zwc/zwc.html">总务处</a>
                            </li>
                            <li>
                                <a href="./gljg/jwc/jwc.html">教务处</a>
                            </li>
                            <li>
                                <a href="./gljg/zsjyc/zsjyc.html">招生就业处</a>
                            </li>
                            <li>
                                <a href="./gljg/aqgl/aqglc.html">安全管理处</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./sxzs/sxzs/sxzs.html">升学展示</a>
                        <ul class="ul2">
                            <li>
                                <a href="./sxzs/sxzs/sxzs.html">新职教新高考</a>
                            </li>
                            <li>
                                <a href="./sxzs/xzjxgk/xzjxgk.html">升学展示</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./zsjy/lxwo/lxwm.html">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 轮播图 -->
        <div class="lun-top">
            <div class="lun-dong ">
                <div class="swiper1 mySwiper1">
                    <div class="swiper-wrapper lun-dong">
                        <div class="swiper-slide"><img src="./img/banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/banner.png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/banner.png" alt=""></div>
                    </div>
                </div>

            </div>
        </div>
        <!-- 报考指南 -->
        <div class="baokao">
            <ul>
                <a href="./zsjy/lxwo/lxwm.html">
                    <b></b>
                    <span>职教高考报名</span>
                </a>
                <a href="./zsjy/lxwo/lxwm.html">
                    <b></b>
                    <span>高中生报名</span>
                </a>
                <a href="./zsjy/lxwo/lxwm.html">
                    <b></b>
                    <span>初中生报名</span>
                </a>
            </ul>
        </div>
        <!-- 学校概况 -->
        <div class="gaikuo">
            <div class="gaikuo-left">
                <div class="h1">
                    <span>学校</span>
                    <span>概况</span>
                    <div>School Profile</div>
                </div>
                <a href="javascript:;">
                    了解更多>>
                </a>
                <div class="zuo">
                    <img src="./img/校园风光1@2x(1).png" alt="">
                    <div class="text">
                        河南金城技工学校是经河南省人社厅批准成立的一所中级技工学校，是一所交通便利、环境优美、设施完善、设备先进、教育理念先进的花园式示范性学校；先后荣获“郑州市特色教育学校”、“河南省职业教育校企合作先进单位”、学校负责人荣获“河南省劳动模范”等殊荣…… <button>了解详情</button>
                    </div>
                </div>
            </div>
            <div class="gaikuo-right">
                <div class="h1">
                    <span>招生</span>
                    <span>公告</span>
                    <div>Announcement
                    </div>
                    <a href="javascript:;">
更多阅读>>
                </a>
                </div>
                <div class="zuo">
                    <li>2022年河南金城技工技工学校招生简章</li>
                    <br>
                    <li class="li1">河南金城技工技工特色办学</li>
                </div>
                <div class="h1">
                    <span>报考</span>
                    <span>指南</span>
                    <div>Announcement
                    </div>
                </div>
                <div class="zuo">
                    <li>2022年河南金城技工技工学校招生简章</li>
                    <br>
                    <li class="li1">河南金城技工技工特色办学</li>
                </div>
            </div>
        </div>
        <!-- 专业设置/ -->
        <div class="zhuanye">
            <div class="zuo">
                <div class="h1">
                    <span>专业</span>
                    <span>设置</span>
                    <div>School Profile</div>
                </div>
                <a href="javascript:;">
                    了解更多>>
                </a>
            </div>
            <div class="you">
                <div class="tou-top">
                    <ul>
                        <li>专业代码</li>
                        <li>重点推荐专业</li>
                        <li>招生人数</li>
                        <li>学制</li>
                        <li>负责人</li>
                        <li>立即报名</li>
                    </ul>
                </div>
                <ul>
                    <li>0301</li>
                    <li>计算机应用与维修</li>
                    <li>120</li>
                    <li>3年</li>
                    <li>孙老师</li>
                    <li>
                        <a href="./zsjy/lxwo/lxwm.html">立即报名</a>
                    </li>
                </ul>
                <ul>
                    <li>0604</li>
                    <li>会计</li>
                    <li>100</li>
                    <li>3年</li>
                    <li>孙老师</li>
                    <li>
                        <a href="./zsjy/lxwo/lxwm.html">立即报名</a>
                    </li>
                </ul>
                <ul>
                    <li>1102</li>
                    <li>建筑工程</li>
                    <li>100</li>
                    <li>3年</li>
                    <li>孙老师</li>
                    <li>
                        <a href="./zsjy/lxwo/lxwm.html">立即报名</a>
                    </li>
                </ul>
                <ul>
                    <li>0519</li>
                    <li>酒店管理</li>
                    <li>100</li>
                    <li>3年</li>
                    <li>孙老师</li>
                    <li>
                        <a href="./zsjy/lxwo/lxwm.html">立即报名</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 校园风光 -->
        <div class="feng">
            <div class="feng-top">
                <div class="h1">
                    <span>校园</span>
                    <span>风光</span>
                    <div>School Profile</div>
                </div>
                <a href="./xxgk/xxjj/xxjj.html">
                    更多>>
                </a>
            </div>
            <div class="img">
                <div class="swiper img">
                    <div class="swiper-wrapper ">
                        <div class="swiper-slide"><img src="./img/校园风光(1).png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/校园风光.png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/校园风光1@2x(1).png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/校园风光1@2x(3).png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 新职教 新高考 -->
        <div class="xinzhi">
            <ul>
                <li>
                    <div class="p1">
                        <div class="pp1">
                            <img src="./img/新职教新高考icon.png" alt="">
                            <span>新职教 新高考</span>
                        </div>
                        <div class="pp2">
                            <p>1.学生毕业获得毕业证、职业技能证。
                            </p>
                            <p> 2.学生可通过参加高考、对口升学、春季高考等途径，考取省内外专科、本科院校。</p>
                            <p> 3.我校建立多渠道职业教育立交桥，在学习技能的同时获得学历提升，实现一份努力，两份收获</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="p1">
                        <div class="pp1">
                            <img src="./img/新职教新高考icon.png" alt="">
                            <span>新职教 新高考</span>
                        </div>
                        <div class="pp2">
                            <p>1.学生毕业获得毕业证、职业技能证。
                            </p>
                            <p> 2.学生可通过参加高考、对口升学、春季高考等途径，考取省内外专科、本科院校。</p>
                            <p> 3.我校建立多渠道职业教育立交桥，在学习技能的同时获得学历提升，实现一份努力，两份收获</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="p1">
                        <div class="pp1">
                            <img src="./img/新职教新高考icon.png" alt="">
                            <span>新职教 新高考</span>
                        </div>
                        <div class="pp2">
                            <p>1.学生毕业获得毕业证、职业技能证。
                            </p>
                            <p> 2.学生可通过参加高考、对口升学、春季高考等途径，考取省内外专科、本科院校。</p>
                            <p> 3.我校建立多渠道职业教育立交桥，在学习技能的同时获得学历提升，实现一份努力，两份收获</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="p1">
                        <div class="pp1">
                            <img src="./img/新职教新高考icon.png" alt="">
                            <span>新职教 新高考</span>
                        </div>
                        <div class="pp2">
                            <p>1.学生毕业获得毕业证、职业技能证。
                            </p>
                            <p> 2.学生可通过参加高考、对口升学、春季高考等途径，考取省内外专科、本科院校。</p>
                            <p> 3.我校建立多渠道职业教育立交桥，在学习技能的同时获得学历提升，实现一份努力，两份收获</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 联系我们 -->
        <div class="lianxi">
            <div class="lianxi-top">
                <div class="lianxi-left">
                    <div class="p1">
                        <p>联系我们</p>
                        <span>河南金城技工学校自被评为特色校以来，加大与企业的紧密联系，提升学校的知名度，调动企业参与的积极性。秉承“高端定位、高端实习、高端就业”的办学方针，不断深化课堂教学改革，强化实践教学和技能培训；注重对学生进行职业与人文素养教育；采取理论与实习工学结合、在校学习与企业实践校企合作、“订单式”培训等多种办学模式。</span>
                    </div>
                    <div class="p2">
                        <li>
                            <b>📍</b>
                            <span> &nbsp;学校地址:河南省郑州市金水区杨金路</span>
                        </li>
                        <li>
                            <b>📞</b>
                            <span>联系电话1236663663</span>
                        </li>
                        <li>
                            <b>📫</b>
                            <span>学校邮箱：56895555@qq.com</span>
                        </li>
                    </div>
                </div>
                <div class="lianxi-rigth">
                    <li>
                        <img src="./img/二维码.png" alt="">
                        <span>扫码咨询报名</span>
                    </li>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="dibu did">
            <div>
                <div class="dibu-top">
                    <li>
                        <img src="./img/logo-xia.png" alt="">
                    </li>
                    <li class="dibu-li2">
                        <p class="p1">
                            <span>友情链接</span>
                            <span>河南省教育厅</span>
                            <span>郑州市教育局</span>
                            <span>河南人力资源和社会保障厅</span>
                        </p>
                        <p class="p2">
                            新职教新高考 提升本科新赛道
                        </p>
                        <p class="p3">
                            <p>地址：郑州市航空港经济综合实验区思存路龙安社区5号院 </p>
                            <p> Copyright 2022 河南金城技工学校（版权所有）豫ICP备2022017490号-1</p>
                        </p>
                    </li>
                    <li class="dibu-li3">
                        <img src="./img/二维码.png" alt="">
                        <span>扫码填写报名信息</span>
                    </li>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<!-- 轮播图 -->
<script>
    var swiper1 = new Swiper(".mySwiper1", {
        spaceBetween: 30,
        centeredSlides: true,
        loop: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },

    });
</script>

<!-- 小轮播图 -->
<script>
    var swiper2 = new Swiper('.swiper', {
        slidesPerView: 4,
        loop: true,
        // 自动轮播时间   autoplay
        autoplay: {
            delay: 1000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
            // 鼠标移入停止
            pauseOnMouseEnter: true,
            disableOnInteraction: false,
        },
        direction: getDirection(),
        on: {
            resize: function() {
                swiper2.changeDirection(getDirection());
            },
        },
    });

    function getDirection() {
        var windowWidth = window.innerWidth;
        var direction = window.innerWidth <= 760 ? 'vertical' : 'horizontal';
        return direction;
    }
</script>